HTMLify
index.html
Views: 408 | Author: cody
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <link rel="shortcut icon" href="assets/hourglass.png" type="image/x-icon"> <title>Countdown Timer</title> </head> <body> <h1>Countdown Timer</h1> <div id="centered-text"> <h2>Set Your Timer</h2> <div id="container"> <p id="hour-label" class="label">Hours</p><p id="min-label" class="label">Minutes</p><p id="sec-label" class="label">Seconds</p> <input id="hour" type="number" max="99" min="0" value="0" class="time"><p id="p1" class="semicolon">:</p><input id="minute" type="number" max="60" min="0" value="0" class="time"><p id="p2" class="semicolon">:</p><input id="sec" type="number" max="60" min="0" value="0" class="time"> <button id="start" class="btn">Start</button> <button id="reset" class="btn">Reset</button> <button id="pause" class="btn">Pause</button> </div> <footer> <p>< / > with ❤️ by <a href="https://swapnilsparsh.github.io/">Swapnil Srivastava</a> <br> <a href="https://github.com/swapnilsparsh/30DaysOfJavaScript" target="_blank">#30DaysOfJavaScript</a> </p> </footer> <script src="script.js"></script> </body> </html> |